const X_config={
    nameTextStyle: {
        color: '#666666',
        fontSize: 12
    },
    axisLine: {
        lineStyle: {
            color: '#666666',
        },
    },
    axisLabel: {
        margin: 10,
        interval: 0,
        color: '#666666',
        fontSize: 12
    },
    axisTick: {
        show: false
    },
    splitLine: {
        show:false
    }
}
const X_config2={
    nameTextStyle: {
        color: '#666666',
        fontSize: 15
    },
    axisLine: {
        lineStyle: {
            color: '#666666',
        },
    },
    axisLabel: {
        margin: 10,
        interval: 0,
        color: '#666666',
        fontSize: 10
    },
    axisTick: {
        show: false
    },
    splitLine: {
        show:false
    }
}

const Y_config = {
    nameTextStyle: {
        color: '#666666',
        fontSize: 12
    },
    axisLabel: {
        formatter: '{value}',
        color: '#666666',
        fontSize: 12
    },
    axisTick: {
        show: false
    },
    axisLine: {
        show: true,
        lineStyle: {
            color: '#afcefc',
        },
    },
    splitLine: {
        show: false,
        lineStyle: {
            color: 'rgba(255,255,255,0.12)'
        }
    }
}

const tooltip_config ={
    backgroundColor: 'rgba(15, 45, 83, 0.9)',
    borderWidth: 0,
    borderColor: 'rgba(15, 45, 83, 0.9)',
    textStyle: {
        color: '#fff',
        fontSize: 12,
        align: 'left'
    },
}

const grid_config={
    top: '20%',
    right: '15%',
    left: '10%',
    bottom: '0%',
    containLabel: true,
}
const grid_config2={
    top: '20%',
    right: '2%',
    left: '8%',
    bottom: '3%',
    containLabel: true,
}
const grid_config3={
    top: '28%',
    right: '15%',
    left: '8%',
    bottom: '3%',
    containLabel: true,
}
const grid_config4={
    top: '10%',
    right: '3%',
    left: '3%',
    bottom: '15%',
    containLabel: true,
}
const grid_config5={
    top: '20%',
    right: '2%',
    left: '12%',
    bottom: '0%',
    containLabel: true,
}
const grid_config6={
    top: '25%',
    right: '10%',
    left: '6%',
    bottom: '5%',
    containLabel: true,
}

const legend_config={
    formatter: [
        '{a|{name}}'
    ].join('\n'),
    icon:'roundRect',
    itemGap: 10,
    itemWidth: 14,
    itemHeight: 14,
    textStyle: {
        height:14,
        color: "#000",
        fontSize: 14,
        rich: {
            a: {
                verticalAlign: 'bottom',
                lineHeight: 14,
            },
        }
    },
}
const legend_config2={
    formatter: [
        '{a|{name}}'
    ].join('\n'),
    icon:'circle',
    orient: 'vertical',
    itemGap: 10,
    itemWidth: 14,
    x:'75%',
    y:'center',
    itemHeight: 14,
    textStyle: {
        height:14,
        color: "#666666",
        fontSize: 12,
        rich: {
            a: {
                verticalAlign: 'bottom',
                lineHeight: 12,
            },
        }
    },
}

export {
    X_config,
    X_config2,
    Y_config,
    tooltip_config,
    grid_config,
    grid_config2,
    grid_config3,
    grid_config4,
    grid_config5,
    grid_config6,
    legend_config,
    legend_config2,
}

